<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="header :: header">
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

<div id="app">

    <el-tabs v-model="activeName">
        <el-tab-pane label="组件首页" name="tabrole">

            放一些基本统计，快速配置等信息。<br/>
            当前版本号：XXX <br/>
            接口文档：做一个链接，到你的组件文档网站 <br/>
        </el-tab-pane>
        <el-tab-pane label="组件内容配置" name="second">
            比如附件分类管理，已上传的附件管理
        </el-tab-pane>
        <el-tab-pane label="组件内容配置2" name="second2">
            比如附件分类管理，已上传的附件管理
        </el-tab-pane>
        <el-tab-pane label="参数配置" name="second3">
            可能要进行的参数配置
        </el-tab-pane>
        <el-tab-pane label="日志查询" name="third">
            日志查询
        </el-tab-pane>
    </el-tabs>
</div>
</body>

<script>
    var vm = new Vue({
        el: "#app",
        data() {
            return {
                activeName: 'second'
            };
        },
        mounted() {


        },
        methods: {
            handleClick(tab, event) {
                console.log(tab, event);
            }
        }
    });
</script>
</html>
